import React, { Component } from 'react';
import { Row, Col } from 'antd';
import styles from './index.less';
export default class index extends Component {
  render() {
    const style = {
      backgroundImage: `url(http://demo.qzhai.net/gohan/wp-content/uploads/2020/01/beach-during-day-2941017-500x625.jpg)`,
      width: '100%',
      height: '60px',
      borderRadius: '5px',
    };

    return (
      <div className={styles.wrapper}>
        <Row gutter={[12, 12]} className={styles.banner}>
          <Col lg={{ span: 12 }} sm={{ span: 12 }} xs={{ span: 0 }}>
            <div
              className={styles.nomal}
              style={{
                backgroundImage: `url(http://demo.qzhai.net/gohan/wp-content/uploads/2020/01/beach-during-day-2941017-500x625.jpg)`,
              }}
            ></div>
          </Col>
          <Col lg={{ span: 12 }} sm={{ span: 12 }} xs={{ span: 0 }}>
            <Row gutter={[12, 12]} style={{ height: '100%' }}>
              <Col span={24}>
                <div
                  className={styles.nomal}
                  style={{
                    backgroundImage: `url(http://demo.qzhai.net/gohan/wp-content/uploads/2020/01/beach-during-day-2941017-500x625.jpg)`,
                  }}
                >
                  zxczx
                </div>
              </Col>
              <Col span={24}>
                <div
                  className={styles.nomal}
                  style={{
                    backgroundImage: `url(http://demo.qzhai.net/gohan/wp-content/uploads/2020/01/beach-during-day-2941017-500x625.jpg)`,
                  }}
                >
                  zxczx
                </div>
              </Col>
            </Row>
          </Col>
        </Row>

        <Row gutter={[0, 12]}>
          <Col sm={{ span: 0 }} xs={{ span: 24 }}>
            <div style={style}>asdasdas</div>
          </Col>
          <Col sm={{ span: 0 }} xs={{ span: 24 }}>
            <div style={style}>asdasdas</div>
          </Col>
          <Col sm={{ span: 0 }} xs={{ span: 24 }}>
            <div style={style}>asdasdas</div>
          </Col>
        </Row>
      </div>
    );
  }
}
